//没用到该文件
<template>
  <div id="app">
    <el-row class="sidebar">
      <el-col :span="12">
        <h5>菜单栏</h5>
        <el-menu
          default-active="1"
          @select="handleSelect"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b"
        >
          <el-menu-item index="1">
            <i class="el-icon-menu"></i>
            <span slot="title">查看所有问卷</span>
          </el-menu-item>

          <el-menu-item index="2">
            <i class="el-icon-document"></i>
            <span slot="title">创建新的问卷</span>
          </el-menu-item>

          <el-menu-item index="3">
            <i class="el-icon-setting"></i>
            <span slot="title">查看已发布问卷</span>
          </el-menu-item>

          <el-menu-item index="4">
            <i class="el-icon-setting"></i>
            <span slot="title">查看未发布问卷</span>
          </el-menu-item>
        </el-menu>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  methods: {
    //可以在这里处理点击事件
    handleSelect(key, keyPath) {},
  },
  created() {},
};
</script>
<style >
.sidebar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 430px;
  top: -20px; /*定义高度 */
  float: left;
}
</style>